import styled from 'styled-components'
export const StyledHeader=styled.div`
height:.4rem;
width: 100%;
background-color: #FF6B01;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: .2rem;
`
export const StyledSwiper=styled.div`
width: 100%;
height: 2.45rem;
padding-bottom:2.45rem;
img{
  width: 100%;
  height: 2.45rem;
}
`

export const StyledHotCate=styled.div`
background-color: #fff;
>h3{
  font-size: .17rem;
  color: #999;
}
.am-flexbox{
  height: .5rem;
.item-series{
  width: 100%;
  height: 100%;
  color: #333;
  font-size: .18rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
} 
`
export const StyledGood=styled.div`
background-color: #f4f4f4;
h3{
  color: #999;
  font-size: .17rem;
  height:.4rem;
  line-height: .4rem;
}
.item-list{
  margin: 0.1rem;
  img{
     width: 90%;
    height: 100%;
  }
  p{
    font-size: 0.2rem;
    font-weight: 550;
    color: #000;
    margin-bottom: 0.1rem;
  }
  h6{
     color: #ccc;
     font-size: 0.12rem;
   }
}
`